<template>
  <el-container>
    <el-main>
      <div style="display: inline; float: left; width: 50%;border: solid 1px">
        <ve-line :data="chartData"  height="400px"></ve-line>
      </div>
    </el-main>
  </el-container>



</template>

<script>
  export default {
    name: 'demo',
    data: function () {
      return {
        newRows:[
          { '相对开度(%)': '0', '相对流量(%)': '0'},
          { '相对开度(%)': '20', '相对流量(%)': '35'},
          { '相对开度(%)': '40', '相对流量(%)': '65'},
          { '相对开度(%)': '60', '相对流量(%)': '85'},
          { '相对开度(%)': '80', '相对流量(%)': '95'},
          { '相对开度(%)': '100', '相对流量(%)': '100'},
        ],
        chartData: {
          columns: ['相对开度(%)', '相对流量(%)'],
          rows: [
          ]
        },
      }
    },
    mounted() {
      this.chartData.rows = this.newRows;
    },
    methods:{

    },
  }
</script>

<style>

</style>


